<!DOCTYPE html>
<!--
==============================================================================
#                                                                            #
#    KVMD - The main PiKVM daemon.                                           #
#                                                                            #
#    Copyright (C) 2018-2024  Maxim Devaev <mdevaev@gmail.com>               #
#    Copyright (C) 2023-2025  SilentWind <mofeng654321@hotmail.com>          #
#                                                                            #
#    This program is free software: you can redistribute it and/or modify    #
#    it under the terms of the GNU General Public License as published by    #
#    the Free Software Foundation, either version 3 of the License, or       #
#    (at your option) any later version.                                     #
#                                                                            #
#    This program is distributed in the hope that it will be useful,         #
#    but WITHOUT ANY WARRANTY; without even the implied warranty of          #
#    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the           #
#    GNU General Public License for more details.                            #
#                                                                            #
#    You should have received a copy of the GNU General Public License       #
#    along with this program.  If not, see <https://www.gnu.org/licenses/>.  #
#                                                                            #
==============================================================================

-->
<html lang="en">
<head>
    <meta charset="utf-8">
    <title>One-KVM IPMI Info</title>
    <link rel="apple-touch-icon" sizes="180x180" href="/share/apple-touch-icon.png">
    <link rel="icon" type="image/png" sizes="32x32" href="/share/favicon-32x32.png">
    <link rel="icon" type="image/png" sizes="16x16" href="/share/favicon-16x16.png">
    <link rel="manifest" href="/share/site.webmanifest">
    <link rel="mask-icon" href="/share/safari-pinned-tab.svg" color="#5bbad5">
    <meta name="msapplication-TileColor" content="#2b5797">
    <meta name="theme-color" content="#ffffff">
    <link rel="stylesheet" href="/share/css/vars.css">
    <link rel="stylesheet" href="/share/css/main.css">
    <link rel="stylesheet" href="/share/css/start.css">
    <link rel="stylesheet" href="/share/css/user.css">
    <script src="/share/js/i18n/jquery-3.7.1.min.js"></script>
    <script src="/share/js/i18n/jquery.i18n.min.js"></script>
    <script src="/share/js/i18n/i18n.js"></script>
</head>
<body>
    <div class="start-box">
        <div class="start" style="max-width:none;">
            <a style="display:inline-block; margin-top:4px; color:#5c90bc; text-decoration:none" href="/" i18n="index">&nbsp;&nbsp;&larr;&nbsp;&nbsp; [ One-KVM Index ]</a>
            <hr>
            <div id="apps-box">
                <ul id="apps">
                    <li><div class="app"><a href="https://linker.snltty.com" target="_blank">🌍<br>官网</a></div></li>
                    <li><div class="app"><a href="https://linker-doc.snltty.com" target="_blank">💼<br>文档</a></div></li>
                    <li><div class="app"><a id="manager" href="#" target="_blank">💻<br>管理</a></div></li>
                    <li><div class="app"><a href="https://afdian.com/a/snltty" target="_blank">🔋<br>发电</a></div></li>
                    <li><div class="app"><a href="https://jq.qq.com/?_wv=1027&k=ucoIVfz4" target="_blank">📱<br>QQ群</a></div></li>
                </ul>
            </div>
            <iframe src="#" width="810" height="740" id="iframe"></iframe>
        </div>
    </div>
    <script>
        const url = `http://${window.location.hostname}:1804/`;
        if (window.location.protocol == "http:") {
            document.getElementById('iframe').src = url;
            document.getElementById('apps-box').style = "display:none;";
        }
        else {
            document.getElementById('iframe').style = "display:none;";
        }
        document.getElementById('manager').href = url;
    </script>
    <style>
        iframe {
            border: 0;
            border-radius: 8px;
            box-shadow: var(--shadow-big);
        }

        div#apps-box {
            display: table;
            margin: 0 auto;
        }

            div#apps-box ul#apps {
                list-style-type: none;
                padding: 0;
                margin: 0;
            }

                div#apps-box ul#apps li {
                    float: left;
                    margin-left: 5px;
                    margin-right: 5px;
                }

                    div#apps-box ul#apps li div.app {
                        height: 60px;
                        width: 100px;
                        text-align: center;
                        background-color: var(--cs-control-default-bg);
                        box-shadow: var(--shadow-micro);
                        border: var(--border-key-thin);
                        border-radius: 8px;
                    }

                    div#apps-box ul#apps li div:hover.app {
                        border: var(--border-intensive-thin);
                        box-shadow: none;
                    }

                    div#apps-box ul#apps li div:active.app {
                        color: var(--cs-control-pressed-fg) !important;
                        background-color: var(--cs-control-pressed-bg) !important;
                        border: var(--border-key-thin);
                        box-shadow: none;
                    }

                    div#apps-box ul#apps li div.app img {
                        display: block;
                        margin: auto;
                        height: 50px;
                        padding-bottom: 5px;
                    }

                    div#apps-box ul#apps li div.app a {
                        display: flex;
                        flex-direction: column;
                        justify-content: center;
                        height: 100%;
                        text-decoration: none;
                        font-weight: bold;
                    }
    </style>
</body>
</html>